<template>
    <div class="Breadcrumb">
        <el-breadcrumb separator="/" class="biaoqian">
            <el-breadcrumb-item :to="{ path: '/registrarInterface' }"
            >首页</el-breadcrumb-item>
            <el-breadcrumb-item>调课管理</el-breadcrumb-item>
            <el-breadcrumb-item>调课审批</el-breadcrumb-item>
        </el-breadcrumb>
        <el-divider></el-divider>
    </div>
    <div class="showUnTicketInfo">
        <div class='box'>
            <el-select v-model="selectSemester" placeholder="学期" style='width: 130px;margin-right: 7px;margin-left:20px' size='small' @change='change' >
                <el-option
                        v-for="item in semesters"
                        :key="item.id"
                        :label="item.term"
                        :value="item.id">
                </el-option>
            </el-select>
            <el-select v-model="selectStatus" placeholder="状态" style='width: 100px;margin-right: 7px' size='small' @change='change'>
                <el-option
                        v-for="item in status"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
            <el-select v-model="selectClassPeriod" placeholder="节次" style='width: 100px;margin-right: 7px' size='small' @change='change'>
                <el-option
                        v-for="item in ['全部节次','1-2','3-4','5-6','7-8','9-10','11-12','13-14']"
                        :key="item"
                        :label="item"
                        :value="item">
                </el-option>
            </el-select>
            <el-select v-model="selectDayOfWeek" placeholder="星期" style='width: 100px;margin-right: 7px' size='small' @change='change'>
                <el-option
                        v-for="item in dayOfWeeks"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
            <el-input size='small' style='width: 100px;margin-right: 7px' placeholder='周次' @input='change' v-model.number='selectWeekNumber'></el-input>
        </div>
        <div class="container">
            <el-table :data="dataList"
                      height="450"
                      border
                      style="width: 100%"
                      stripe>
                <el-table-column
                        prop="applicantName"
                        label="申请人"
                        width="120"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="applicationDate"
                        label="填报日期"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="week"
                        label="申请周次"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="semester"
                        label="申请学期"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="dayOfWeek"
                        label="申请星期"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="session"
                        label="申请节次"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="classroomName"
                        label="申请教室"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="reason"
                        label="申请原因"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="approvalStatus"
                        label="审批状态"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="approvalDate"
                        label="审批日期"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="approvalOpinion"
                        label="审批意见"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        prop="approverName"
                        label="审批人"
                        width="100"
                        align="center"
                >
                </el-table-column>
                <el-table-column
                        label="操作"
                        width="80"
                        align="center"
                >
                    <button>click</button>
                </el-table-column>


            </el-table>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style>

</style>